<div class="al-modal-view">
  <!--<div class="modal-filter" ng-click="clearModal()"></div>-->
  <div>
    <div class="al-modal-title">{{modalTitle}}</div>
    <div class="al-modal-form-container">
      <ng-form name="modalForm" class="form-horizontal form-validation" role="form">
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">预约人名称</label>
          <div class="col-sm-5">
            <div class="form-control info-text">{{data.userName}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">预约人手机</label>
          <div class="col-sm-5">
            <div class="form-control info-text">{{data.userPhone}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">接待人名称<span class="attr-need">*</span></label>
          <div class="col-sm-5">
            <input type="text" class="form-control" ng-model="data.providerName" required>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">接待人手机<span class="attr-need">*</span></label>
          <div class="col-sm-5">
            <input type="text" class="form-control" ng-model="data.providerPhone" required>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 col-sm-offset-2 control-label">看房时间<span class="attr-need">*</span></label>
          <div class="col-sm-5">
            <div class="input-group">
              <input class="form-control" type="text" uib-datepicker-popup="yyyy-MM-dd HH:mm"
                     ng-model="data.providerTime" is-open="enterEnd" maxlength="16"
                     close-text="关闭" current-text="今天" clear-text="清空"
                     placeholder=""/>
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="enterEnd=true">
                  <i class="glyphicon glyphicon-calendar"></i>
                </button>
              </span>
            </div>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-3"></div>
          <div class="col-sm-3">
            <button class="al-center btn btn-default" ng-click="cancel()">取消</button>
          </div>
          <div class="col-sm-3">
            <button class="al-center btn btn-primary" ng-disabled="modalForm.$invalid" ng-click="confirm()">处理</button>
          </div>
          <div class="col-sm-3"></div>
        </div>
      </ng-form>
    </div>
  </div>
</div>